<template>
	<view class="beidou">
		<head>
			<link rel="stylesheet" href="../../static/beidou/style.css">
		</head>
		<view class="sky">
			<view class="star glow one" @click="beidouHandler(1)"></view>
			<view class="star glow two" @click="beidouHandler(2)"></view>
			<view class="star glow three" @click="beidouHandler(3)"></view>
			<view class="star glow four" @click="beidouHandler(4)"></view>
			<view class="star glow five" @click="beidouHandler(5)"></view>
			<view class="star glow six" @click="beidouHandler(6)"></view>
			<view class="star glow seven" @click="beidouHandler(7)"></view>
			<view class="moon">
<!-- 					<view class="crater crater1"></view>
				<view class="crater crater2"></view>
				<view class="crater crater3"></view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "beidou",
		data() {
			return {};
		},
		methods: {
			beidouHandler(value) {
				switch(value) {
					case 1:
						console.log("1被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 2:
						console.log("2被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 3:
						console.log("3被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 4:
						console.log("4被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 5:
						console.log("5被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 6:
						console.log("6被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
					case 7:
						console.log("7被点击了");
						// uni.navigateTo({
						// 	url:'../../pages/vr/vr',
						// })
						break;
				}
				// console.log(value);
			}
		},
	}
</script>

<style lang="scss">
	@import "../../../static/beidou/style.css";
.beidou {
	margin: 5px 0;
	margin-left: 0rpx;
	//border: 5rpx solid black;
	border-radius: 15rpx;
	padding: 15rpx;
	width: 720rpx;
	height: 300rpx;
	display: flex;
	background-color: #07031d;
	background-image: linear-gradient(43deg, #07031d, #120a31, #110840, #0c0448, #0c0342);
}
</style>